<template>
    <div class="container">
        <div class="img-container">
            
        </div>
        <a class="btn-auth" :href="info.authUrl">
            插入到卡包
        </a>
        <a class="btn-auth block" :href="info.pdf">
            下载发票
        </a>
    </div>
</template>
<script>
export default {
  data() {
    return {
      info: {}
    };
  },
  created() {
    let id = this.$route.query.id;
    if (id) {
      this.$post("/api/get_invoice_detail?id=" + id).then(data => {
        this.info = data;
      });
    }
  },
  methods: {}
};
</script>
<style scoped>
.img-container {
  margin-bottom: 2rem;
}
.btn-auth {
  background-color: #44984b;
  color: white;
  margin: 0 auto;
  text-decoration: none;
  display: block;
  width: 8rem;
  padding: 0.4rem;
  box-sizing: border-box;
  text-align: center;
  border-radius: 0.1rem;
  font-size: 0.4rem;
  margin-bottom: 1rem;
}
</style>

